<template>
  <div class="index">
    <headers :bgColor="'rgba(255,255,255,0)'" :ftColor="'white'"/>
    <contents/>
    <footers :ftColor="'white'"/>
  </div>
</template>

<script>
import headers from '../public/Headers.vue'
import contents from './Contents.vue'
import footers from '../public/Footers.vue'

export default {
  name: 'index',
  components:{
    'headers':headers,
    'footers':footers,
    'contents':contents
  }
}
</script>

<style scoped>
.index{
  background-color: #409EFF;
  width: 100%;
  height: 100%;
}
</style>
